<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2574544" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">数据看板</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">售后</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">硬件</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">物联网</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">配件</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">客商</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">卖车</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">基础-01</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">广告</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">wx1</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">wx4</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">wx6</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">wx5</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">wx9</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">wx2</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">wx3</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">wx7</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">wx8</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">wx10</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">wx11</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">wx12</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">运维</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">money</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">operation</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">customer service</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">finance</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">repair</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">icon6</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">icon5</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">icon4</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">icon7</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">locked</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">4-拒签</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">4-完成</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">1-入库</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">3-运输</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">2-出库</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">客户管理</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">to do</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">消息管理</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">客户管理</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">roll</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">enter</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">enter</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">财务管理</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">门店管理</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">电池管理</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">车辆管理</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">会员管理</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">维保管理</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">套餐管理</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">系统首页</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">电柜管理</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">统计管理</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1730883631370') format('woff'),
       url('iconfont.ttf?t=1730883631370') format('truetype'),
       url('iconfont.svg?t=1730883631370#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shujukanban1"></span>
            <div class="name">
              数据看板
            </div>
            <div class="code-name">.icon-shujukanban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yujing"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.icon-yujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhou"></span>
            <div class="name">
              售后
            </div>
            <div class="code-name">.icon-shouhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjian"></span>
            <div class="name">
              硬件
            </div>
            <div class="code-name">.icon-yingjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wulianwang"></span>
            <div class="name">
              物联网
            </div>
            <div class="code-name">.icon-wulianwang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcheng2"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon-shangcheng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peijian1"></span>
            <div class="name">
              配件
            </div>
            <div class="code-name">.icon-peijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keshang1"></span>
            <div class="name">
              客商
            </div>
            <div class="code-name">.icon-keshang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitong1"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.icon-xitong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcheng"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon-shangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-maiche"></span>
            <div class="name">
              卖车
            </div>
            <div class="code-name">.icon-maiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichu"></span>
            <div class="name">
              基础-01
            </div>
            <div class="code-name">.icon-jichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanggao"></span>
            <div class="name">
              广告
            </div>
            <div class="code-name">.icon-guanggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx1"></span>
            <div class="name">
              wx1
            </div>
            <div class="code-name">.icon-wx1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx4"></span>
            <div class="name">
              wx4
            </div>
            <div class="code-name">.icon-wx4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx6"></span>
            <div class="name">
              wx6
            </div>
            <div class="code-name">.icon-wx6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx5"></span>
            <div class="name">
              wx5
            </div>
            <div class="code-name">.icon-wx5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx9"></span>
            <div class="name">
              wx9
            </div>
            <div class="code-name">.icon-wx9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx2"></span>
            <div class="name">
              wx2
            </div>
            <div class="code-name">.icon-wx2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx3"></span>
            <div class="name">
              wx3
            </div>
            <div class="code-name">.icon-wx3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx7"></span>
            <div class="name">
              wx7
            </div>
            <div class="code-name">.icon-wx7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx8"></span>
            <div class="name">
              wx8
            </div>
            <div class="code-name">.icon-wx8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx10"></span>
            <div class="name">
              wx10
            </div>
            <div class="code-name">.icon-wx10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx11"></span>
            <div class="name">
              wx11
            </div>
            <div class="code-name">.icon-wx11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wx12"></span>
            <div class="name">
              wx12
            </div>
            <div class="code-name">.icon-wx12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunwei"></span>
            <div class="name">
              运维
            </div>
            <div class="code-name">.icon-yunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-money"></span>
            <div class="name">
              money
            </div>
            <div class="code-name">.icon-money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-operation"></span>
            <div class="name">
              operation
            </div>
            <div class="code-name">.icon-operation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-customerservice"></span>
            <div class="name">
              customer service
            </div>
            <div class="code-name">.icon-a-customerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-more"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.icon-more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-finance"></span>
            <div class="name">
              finance
            </div>
            <div class="code-name">.icon-finance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-repair"></span>
            <div class="name">
              repair
            </div>
            <div class="code-name">.icon-repair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon61"></span>
            <div class="name">
              icon6
            </div>
            <div class="code-name">.icon-icon61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon51"></span>
            <div class="name">
              icon5
            </div>
            <div class="code-name">.icon-icon51
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon41"></span>
            <div class="name">
              icon4
            </div>
            <div class="code-name">.icon-icon41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon71"></span>
            <div class="name">
              icon7
            </div>
            <div class="code-name">.icon-icon71
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-locked"></span>
            <div class="name">
              locked
            </div>
            <div class="code-name">.icon-locked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-4-juqian"></span>
            <div class="name">
              4-拒签
            </div>
            <div class="code-name">.icon-a-4-juqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-4-wancheng"></span>
            <div class="name">
              4-完成
            </div>
            <div class="code-name">.icon-a-4-wancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1-ruku"></span>
            <div class="name">
              1-入库
            </div>
            <div class="code-name">.icon-a-1-ruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-3-yunshu"></span>
            <div class="name">
              3-运输
            </div>
            <div class="code-name">.icon-a-3-yunshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-2-chuku"></span>
            <div class="name">
              2-出库
            </div>
            <div class="code-name">.icon-a-2-chuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理
            </div>
            <div class="code-name">.icon-kehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notification1"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.icon-notification1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-todo"></span>
            <div class="name">
              to do
            </div>
            <div class="code-name">.icon-a-todo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notification"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.icon-notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxiguanli"></span>
            <div class="name">
              消息管理
            </div>
            <div class="code-name">.icon-xiaoxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli1"></span>
            <div class="name">
              客户管理
            </div>
            <div class="code-name">.icon-kehuguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-roll"></span>
            <div class="name">
              roll
            </div>
            <div class="code-name">.icon-roll
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enter1"></span>
            <div class="name">
              enter
            </div>
            <div class="code-name">.icon-enter1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enter"></span>
            <div class="name">
              enter
            </div>
            <div class="code-name">.icon-enter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-location"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.icon-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwuguanli"></span>
            <div class="name">
              财务管理
            </div>
            <div class="code-name">.icon-caiwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mendianguanli"></span>
            <div class="name">
              门店管理
            </div>
            <div class="code-name">.icon-mendianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchiguanli"></span>
            <div class="name">
              电池管理
            </div>
            <div class="code-name">.icon-dianchiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cheliangguanli"></span>
            <div class="name">
              车辆管理
            </div>
            <div class="code-name">.icon-cheliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuanguanli"></span>
            <div class="name">
              会员管理
            </div>
            <div class="code-name">.icon-huiyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibaoguanli"></span>
            <div class="name">
              维保管理
            </div>
            <div class="code-name">.icon-weibaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taocanguanli"></span>
            <div class="name">
              套餐管理
            </div>
            <div class="code-name">.icon-taocanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongshouye"></span>
            <div class="name">
              系统首页
            </div>
            <div class="code-name">.icon-xitongshouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianguiguanli"></span>
            <div class="name">
              电柜管理
            </div>
            <div class="code-name">.icon-dianguiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongjiguanli"></span>
            <div class="name">
              统计管理
            </div>
            <div class="code-name">.icon-tongjiguanli
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukanban1"></use>
                </svg>
                <div class="name">数据看板</div>
                <div class="code-name">#icon-shujukanban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujing"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#icon-yujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhou"></use>
                </svg>
                <div class="name">售后</div>
                <div class="code-name">#icon-shouhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjian"></use>
                </svg>
                <div class="name">硬件</div>
                <div class="code-name">#icon-yingjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wulianwang"></use>
                </svg>
                <div class="name">物联网</div>
                <div class="code-name">#icon-wulianwang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcheng2"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon-shangcheng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peijian1"></use>
                </svg>
                <div class="name">配件</div>
                <div class="code-name">#icon-peijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keshang1"></use>
                </svg>
                <div class="name">客商</div>
                <div class="code-name">#icon-keshang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitong1"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#icon-xitong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcheng"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon-shangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maiche"></use>
                </svg>
                <div class="name">卖车</div>
                <div class="code-name">#icon-maiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichu"></use>
                </svg>
                <div class="name">基础-01</div>
                <div class="code-name">#icon-jichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanggao"></use>
                </svg>
                <div class="name">广告</div>
                <div class="code-name">#icon-guanggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx1"></use>
                </svg>
                <div class="name">wx1</div>
                <div class="code-name">#icon-wx1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx4"></use>
                </svg>
                <div class="name">wx4</div>
                <div class="code-name">#icon-wx4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx6"></use>
                </svg>
                <div class="name">wx6</div>
                <div class="code-name">#icon-wx6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx5"></use>
                </svg>
                <div class="name">wx5</div>
                <div class="code-name">#icon-wx5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx9"></use>
                </svg>
                <div class="name">wx9</div>
                <div class="code-name">#icon-wx9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx2"></use>
                </svg>
                <div class="name">wx2</div>
                <div class="code-name">#icon-wx2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx3"></use>
                </svg>
                <div class="name">wx3</div>
                <div class="code-name">#icon-wx3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx7"></use>
                </svg>
                <div class="name">wx7</div>
                <div class="code-name">#icon-wx7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx8"></use>
                </svg>
                <div class="name">wx8</div>
                <div class="code-name">#icon-wx8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx10"></use>
                </svg>
                <div class="name">wx10</div>
                <div class="code-name">#icon-wx10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx11"></use>
                </svg>
                <div class="name">wx11</div>
                <div class="code-name">#icon-wx11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wx12"></use>
                </svg>
                <div class="name">wx12</div>
                <div class="code-name">#icon-wx12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunwei"></use>
                </svg>
                <div class="name">运维</div>
                <div class="code-name">#icon-yunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-money"></use>
                </svg>
                <div class="name">money</div>
                <div class="code-name">#icon-money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-operation"></use>
                </svg>
                <div class="name">operation</div>
                <div class="code-name">#icon-operation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-customerservice"></use>
                </svg>
                <div class="name">customer service</div>
                <div class="code-name">#icon-a-customerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-more"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#icon-more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-finance"></use>
                </svg>
                <div class="name">finance</div>
                <div class="code-name">#icon-finance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-repair"></use>
                </svg>
                <div class="name">repair</div>
                <div class="code-name">#icon-repair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon61"></use>
                </svg>
                <div class="name">icon6</div>
                <div class="code-name">#icon-icon61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon51"></use>
                </svg>
                <div class="name">icon5</div>
                <div class="code-name">#icon-icon51</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon41"></use>
                </svg>
                <div class="name">icon4</div>
                <div class="code-name">#icon-icon41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon71"></use>
                </svg>
                <div class="name">icon7</div>
                <div class="code-name">#icon-icon71</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-locked"></use>
                </svg>
                <div class="name">locked</div>
                <div class="code-name">#icon-locked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-4-juqian"></use>
                </svg>
                <div class="name">4-拒签</div>
                <div class="code-name">#icon-a-4-juqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-4-wancheng"></use>
                </svg>
                <div class="name">4-完成</div>
                <div class="code-name">#icon-a-4-wancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1-ruku"></use>
                </svg>
                <div class="name">1-入库</div>
                <div class="code-name">#icon-a-1-ruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-3-yunshu"></use>
                </svg>
                <div class="name">3-运输</div>
                <div class="code-name">#icon-a-3-yunshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-2-chuku"></use>
                </svg>
                <div class="name">2-出库</div>
                <div class="code-name">#icon-a-2-chuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanli"></use>
                </svg>
                <div class="name">客户管理</div>
                <div class="code-name">#icon-kehuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notification1"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#icon-notification1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-todo"></use>
                </svg>
                <div class="name">to do</div>
                <div class="code-name">#icon-a-todo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notification"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#icon-notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxiguanli"></use>
                </svg>
                <div class="name">消息管理</div>
                <div class="code-name">#icon-xiaoxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanli1"></use>
                </svg>
                <div class="name">客户管理</div>
                <div class="code-name">#icon-kehuguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-roll"></use>
                </svg>
                <div class="name">roll</div>
                <div class="code-name">#icon-roll</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enter1"></use>
                </svg>
                <div class="name">enter</div>
                <div class="code-name">#icon-enter1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enter"></use>
                </svg>
                <div class="name">enter</div>
                <div class="code-name">#icon-enter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-location"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#icon-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwuguanli"></use>
                </svg>
                <div class="name">财务管理</div>
                <div class="code-name">#icon-caiwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mendianguanli"></use>
                </svg>
                <div class="name">门店管理</div>
                <div class="code-name">#icon-mendianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchiguanli"></use>
                </svg>
                <div class="name">电池管理</div>
                <div class="code-name">#icon-dianchiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cheliangguanli"></use>
                </svg>
                <div class="name">车辆管理</div>
                <div class="code-name">#icon-cheliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuanguanli"></use>
                </svg>
                <div class="name">会员管理</div>
                <div class="code-name">#icon-huiyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanguanli"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-dingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibaoguanli"></use>
                </svg>
                <div class="name">维保管理</div>
                <div class="code-name">#icon-weibaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taocanguanli"></use>
                </svg>
                <div class="name">套餐管理</div>
                <div class="code-name">#icon-taocanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongshouye"></use>
                </svg>
                <div class="name">系统首页</div>
                <div class="code-name">#icon-xitongshouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianguiguanli"></use>
                </svg>
                <div class="name">电柜管理</div>
                <div class="code-name">#icon-dianguiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjiguanli"></use>
                </svg>
                <div class="name">统计管理</div>
                <div class="code-name">#icon-tongjiguanli</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
